<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天天生鲜</title>
    <link rel="stylesheet" href="css/base.css">
    <style>
        .nav .nav_logo{
            height: 133px;
        }
        .nav .nav_logo img{
            margin: 28px 0;
        }
        .container{
            height: 482px;
            background: #518e17;
        }
        .container .container_center img{
            margin-top: 89px;
        }
        .container .container_center img.cz{
            margin-left: 60px;
        }
        .container .container_center .user{
            width: 369px;
            height: 382px;
            background: #fff;
            float: right;
            border:  1px solid #cccccc;
        }
        .container .container_center .user .user_top{
            height: 72px;
            line-height: 72px;
            border-bottom:2px solid #ccc;
            margin:0 33px;
            width: 303px;
        }
        .container .container_center .user .user_top .zc{
            width: 88px;
            height: 20px;
            line-height: 20px;
            cursor: pointer;
            float: left;
            color: #5fb61e;
            background: url("img/youjian.gif")no-repeat center left;
        }
        .container .container_center .user .input{
            width: 302px;
            height: 236px;
        }
        input.text{
            margin-top: 20px;
            background: #f8f8f8 ;
            font-size: 14px;
            width: 300px;
            height: 39px;
            border: 1px solid #ccc;
        }
        input.btn{
            width: 300px;
            height: 40px;
            line-height: 40px;
            background:#47aa34;
            color: #fff;
            font-size: 20px;
        }

        .footer .footer_center p a{
            width: 73px;
            height: 16px;
            display: inline-block;
            text-align: center;
        }
        .footer .footer_center p.footer_top{
            margin-left: 351px;
        }
        .footer .footer_center p.footer_midle{
            margin-left: 299px;
        }
        .footer .footer_center p.footer_bottom{
            margin-left: 386px;
        }
    </style>
</head>
<body>
<div class="nav w100">
    <div class="nav_logo w980 mAuto">
        <a href="index.html">
            <img src="img/logo.gif" alt="">
        </a>
    </div>
</div>
<div class="container w100">
    <div class="container_center w980 mAuto">
        <img src="img/ban.gif" alt="">
        <img src="img/changzi.gif" alt="" class="cz">
        <div class="user mt50">
            <div class="user_top mAuto">
                <div class="ml35">
                    <span class="f24  colora8a8a8 fl">会员登录</span>
                    <span class="zc tr f16 mt35 ml60"><a href="#">立即注册</a></span>
                </div>
            </div>
            <div class="input mAuto">
                <input class="text" type="text" value="请输入用户名" style="text-indent: 10px; background:#f8f8f8 url(img/user.gif )no-repeat right;color: #a9a9a9;">
                <span style="color: #ff5400;">请输入密码</span>
                <input class="text" type="text" value="请输入密码" style="text-indent: 10px; background:#f8f8f8 url(img/password.gif)no-repeat right;color: #a9a9a9;">
                <div class="mt30">
                    <input type="checkbox" value="记住用户名和密码">
                    <span class="ml10">记住用户名和密码</span>
                    <span class="ml60"><a href="#">忘记密码</a></span>
                </div>
                <input class="text btn" type="button" value="登&nbsp; &nbsp;录" style="">
            </div>
        </div>
    </div>
</div>
<div class="footer w100 mt25 mb25">
    <div class="footer_center w980 mAuto lineH30">
        <p class="footer_top"><a href="#">关于我们</a>|<a href="#">联系我们</a>|<a href="#">招聘人才</a>|<a href="#">友情链接</a></p>
        <p class="footer_midle">CopyRight &copy; 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
        <p class="footer_bottom">电话：010-****888    京ICP备*******8号</p>
    </div>
</div>
</body>
</html>